<template>
  <div id="lap-app" v-loading="pFormLoading">
    <!--基本表单信息-->
    <el-form ref="form" label-width="100px" :model="formData">
      <el-row :gutter="10">
        <el-col :span="12">
          <el-form-item label="日期">
            <el-input v-model="formData.LogDate" readonly></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="12">
          <el-form-item label="来源">
            <el-input v-model="formData.LogSource" readonly></el-input>
          </el-form-item>
        </el-col>
      </el-row>
      <el-row :gutter="10">
        <el-col :span="12">
          <el-form-item label="类型">
            <el-input v-model="formData.ChgType" readonly></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="12">
          <el-form-item label="监控表">
            <el-input v-model="formData.ChgTable" readonly></el-input>
          </el-form-item>
        </el-col>
      </el-row>
      <el-row :gutter="10">
        <el-col :span="12">
          <el-form-item label="修改前">
            <el-input v-model="formData.BeforeInfo" readonly></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="12">
          <el-form-item label="修改后">
            <el-input v-model="formData.AfterInfo" readonly></el-input>
          </el-form-item>
        </el-col>
      </el-row>
      <el-row :gutter="10">
        <el-col :span="24">
          <el-form-item label="执行语句">
            <el-input
              type="textarea"
              v-model="formData.ExecSql"
              :autosize="{minRows: 30, maxRows: 50}"
              readonly
            ></el-input>
          </el-form-item>
        </el-col>
      </el-row>
    </el-form>
  </div>
</template>

<script>
export default {
  mixins: [$lap.FormView],
  name: "app",
  components: {},
  props: ["detailData"],
  data() {
    return {
      title: "", //页面标题
      pageFunctionCode: "", //页面功能编码
      //表单初始化绑定对象
      formData: {},
    };
  },
  methods: {
    /**
     * 加载数据
     */
    platLoadData() {
      const that = this;
      return Promise.resolve().then((data) => {
        that.formData = that.detailData;
      });
    },
  },
};
</script>